<template>
    <div class="page-wrap page-wrap-ql">
        <require-status :stage="1" :stageInfo="stageInfo" />
        <create-task-form />
    </div>
</template>

<script lang="ts">
import RequireStatus from '@/components/Content/RequireStatus/index.vue';
import CreateTaskForm from '@/views/taskRequire/components/CreateTaskForm.vue';
import store from '@/store';
import { defineComponent, ref } from 'vue';
export default defineComponent({
    components: {
        CreateTaskForm,
        RequireStatus
    },
    setup() {
        const stageInfo = ref({});
        // 获取阶段状态
        const getStageList = async () => {
            const info = {};
            store.getters.dicOptions.stage.forEach(({ code, dimensionName }) => {
                info[code] = {
                    name: dimensionName
                };
            });
            stageInfo.value = info;
        };
        getStageList();
        return {
            stageInfo
        };
    }
});
</script>
<style scoped lang="less">
.page-wrap {
    height: 100%;
    position: relative;
}
</style>